@charset "utf-8";
.ellipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.title_inner {text-align: center}
.title_inner h2 {margin: 0}
.inner_typelist {padding:30px;overflow:hidden}
.inner_typelist li {float:left; width:10%; padding:6px}
.inner_typelist li a {background:#333; display:block; font-size:1.3rem; line-height:3rem; color:#fff; text-align:center; display:block; 
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.inner_typelist li a:hover {background-color:#F41039}
.inner_typelist li .cur {background-color:#F41039}

.pro_shuxing {border:1px solid #F7F7F7}
.pro_shuxing th span,.pro_shuxing td span {padding:8px 5px; display:block}
.pro_shuxing th {background:#F7F7F7}
.pro_shuxing th, .pro_shuxing td {border: 1px solid #eee;font-size:15px}
.product-intro .detailicon {margin-top:20px}
.product-intro .detailicon span {position:relative; padding-left:40px; line-height:31px;display:inline-block}
.product-intro .detailicon span.s1 {margin-right:30px;background:url(../images/detailicon1.gif) no-repeat left top;}
.product-intro .detailicon span.s2 {background:url(../images/detailicon2.gif) no-repeat left top;}
.detailist {padding-bottom:30px; overflow:hidden}
.detailist .tt {padding:0 30px}
.detailist .tt h2 {font-size:1.6rem; border-bottom:1px solid #eee; line-height:4.5rem}
.detailist .tt h2 span {border-bottom:2px solid #333; display:inline-block; line-height:4.5rem}
.detailist ul {padding-right:30px}
.detailist ul li {width:25%; float:left}
.detailist ul li p {padding-left:30px}
.detailist ul li a {display:block;background:#eee;line-height:30px;padding:0 5px;font-size:12px;color:#333;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.detailist ul li a:hover {background:#f40139; color:#fff}
.detailist a.more {    
	display: block;
    width: 200px;
    height: 35px;
    line-height: 35px;
    background: #333;
    color: #fff;
    margin: 20px auto 0;
    text-align: center;
    border-radius: 30px;
    transition: all 0.3s;
}
.detailist a.more i {font-size:16px;text-indent:-20px;opacity:0;transition:all 0.3s}
.detailist a.more:hover {box-shadow:0 10px 20px #ccc}
.detailist a.more:hover i {text-indent:0;opacity:1}

.brand {width: 100%;padding-top: 60px}
.brand .title_inner {margin:40px auto}
.brand .list {width: 1180px;margin: 0 auto}
.brand .list .item {width: 33.3333%;float:left;margin-bottom: 20px}

.met-index-brand .owl-carousel .item, .brand .list .item {padding: 0 10px}
.met-index-brand .owl-carousel .item .content, .brand .list .item .content {background: #fff;transition:all 0.2s linear}
.met-index-brand .owl-carousel .item:hover .content, .brand .list .item:hover .content {box-shadow:0 7px 15px rgba(0,0,0,0.1);}
.met-index-brand .owl-carousel .item .item_img, .brand .list .item .item_img  {
	padding-bottom: 66.666%;
	width: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: none;
    display: block;
    position: relative;
    overflow: hidden;
}
.met-index-brand .owl-carousel .item .item_img img, .brand .list .item .item_img img {display: none}
.met-index-brand .owl-carousel .item .item_img_mask, .brand .list .item .item_img_mask {
    width: 100%;
    height: 100%;
    position: absolute;
	box-sizing:initial;
    left: -10px;
    top: -10px;
    border: #ffffff 10px solid;
    transition: all ease-out .2s;
}
.met-index-brand .owl-carousel .item .item_wrapper, .brand .list .item .item_wrapper {
    text-align: center;
    transform: translate(0px, 0px);
    padding: 30px 38px 40px;
    transition: all 0.2s linear;
}
.met-index-brand .owl-carousel .item .title, .brand .list .item .title {
    font-size: 18px;margin-bottom: 0;font-weight:bold;
}
.met-index-brand .owl-carousel .item .subtitle, .brand .list .item .subtitle {
    font-size: 13px;
    color: rgb(147, 147, 147);
    margin-top: 3px;
}
.met-index-brand .owl-carousel .item .item_wrapper .description, .brand .list .item .item_wrapper .description {
    font-size: 13px;
    color: rgb(147, 147, 147);
    height: 48px;
    line-height: 24px;
    margin: 20px 0px 30px;
    overflow: hidden;
}
.met-index-brand .more, .brand .list .item .more {
    color: rgb(35, 35, 35);
    display: inline-block;
    padding: 8px 50px;
    background: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: rgb(221, 221, 221);
    border-image: initial;
    transition: all 0.3s ease-out;
    text-decoration: none;
    border-radius: 50px;
}
.met-index-brand .more i, .brand .list .item .more i {margin-left: 10px}
.met-index-brand .owl-carousel .item:hover .item_img_mask, .brand .list .item:hover .item_img_mask{ width: calc(100% - 20px);height: calc(100% - 20px);left: 0px;top: 0px;}
.met-index-brand .owl-carousel .item:hover .item_wrapper, .brand .list .item:hover .item_wrapper{ transform:translate(0,-5px)}
.met-index-brand .owl-carousel .item:hover a.more, .brand .list .item:hover a.more{background: #232323; border-color:#232323; color:#fff}


.met-index-case .single-construct-member ul.list {padding-bottom:0}
.met-index-case .single-construct-member ul.list li a{font-size:13px; display:block; color:#333; line-height:35px;border-bottom:1px solid #eee;text-align:left;margin:0;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis}
.met-index-case .single-construct-member:hover ul.list li a {color:#fff}
.met-index-case .single-construct-member ul.list li a:hover {text-decoration:underline}

.sidebar_tile {line-height:40px;height:70px}
.sidebar_tile ul.met-column-nav-ul {
    padding:0;
    list-style:none;
    margin:0 auto;
}
.sidebar_tile ul.met-column-nav-ul>li {
    display:inline-block;
}
.sidebar_tile ul.met-column-nav-ul>li a.link {
    text-decoration:none;
    font-size:16px;
    padding:14px 10px;
    color:#90939b;
	}
.sidebar_tile ul.met-column-nav-ul > li span {
    padding:14px 10px;
}
.sidebar_tile ul.met-column-nav-ul>li a.link, .met-product.type-1 h4 {
    font-size:15px;
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis
	}
.website {width:1225px;border-bottom: 1px solid #ddd}
#product-details img {display:block; margin:10px auto}
.met-feedback .btn-squared {background:#3D4955!important;color:#fff!important}
.met-feedback .btn-squared:hover {background:#0185da!important}
.met-index-product .view-all-btn a:hover{color:#fff}
.met-index-download .col-lg-7 h3 a{color:#fff}
.met-index-download .col-lg-7 h3 a:hover {color:#f40139}

.app_in {background: #f7f7f7!important}
.app_in ul {width: 1160px;margin: 0 auto}
.app_in li {width: 25%;float:left}
.app_in li a {display: block;padding:10px}
.app_in li .pic {display: block;width:100%}
.app_in li .pic img {display: block;width: 100%}
.app_in li .txt {padding: 20px 50px 15px;background:#fff;text-align: center;transition:all 0.3s}
.app_in li .txt strong {font-size: 16px;color:#333}
.app_in li .txt p {color:#999}
.app_in li a:hover .txt {background: #f40139;color:#fff}
.app_in li a:hover .txt strong {color: #fff}
.app_in li a:hover .txt p {color: #fff;opacity:0.7}

.news_in {padding:56px 0 0;width:1170px;margin:0 auto 56px;overflow: hidden;position: relative}
.left_tt_in {width:297px;background:#f2f2f2;height: 450px; padding:30px 25px;box-sizing:border-box;position:relative;float:left}
.left_tt_in h3 {font-size:38px;color:#666;line-height:38px}
.left_tt_in p {font-size:18px;color:#f6032c;line-height:40px;margin-bottom:10px}
.left_tt_in .menu li a {display:block;width:180px;height:40px;line-height:40px;border-bottom:1px solid #d9d9d9;font-size:14px;position:relative;transition:all 0.3s;color:#333}
.left_tt_in .menu li a:hover {color:#f40139}
.left_tt_in .menu li a:before {content:'';position:absolute;width:10px;height:1px;background:#333;left:0;bottom:-1px;transition:all 0.5s}
.left_tt_in .menu li a:hover:before {width:100%}

a.more_in {display:block;width:140px;height:40px;line-height:40px;background:#f6032c;color:#f6f6f6;margin-bottom:30px;text-indent:35px;transition:all 0.3s}
a.more_in i {font-size:14px;text-indent:-10px;opacity:0;transition:all 0.3s}
a.more_in:hover {text-indent:25px}
a.more_in:hover i {text-indent:10px;opacity:1}
.left_tt_in .more_in {margin-top:45px}

.news_in .owl-theme .owl-nav {position: absolute;bottom: 0;left:-80px}
.news_in .owl-theme .owl-nav .owl-prev,.news_in .owl-theme .owl-nav .owl-next {width:40px;height:40px;text-align:center;line-height:40px;background:#fff;font-size:18px;transition:all 0.3s;color:#333;margin: 0;padding: 0}
.news_in .owl-theme .owl-nav .owl-prev:hover,.news_in .owl-theme .owl-nav .owl-next:hover {background:#f6032c;color:#fff}
.news_in .bd {width:873px;float:right}
.news_in .bd .item {float:left;width:100%;border-right:1px solid #ddd;box-sizing:border-box}
.news_in .bd .item .mod {padding:53px;transition:all 0.3s}
.news_in .bd .item .mod:hover {padding-top:40px}
.news_in .bd .item a {font-size:16px;color:#333;line-height:30px}
.news_in .bd .item p {font-size:12px;color:#999;margin-bottom:20px}
.news_in .bd .item .pic {display:block;width:100%;height:190px;margin-top:50px;overflow:hidden}
.news_in .bd .item .pic img {display:block;width:100%;height:100%}

.owl-carousel div:first-child {overflow: hidden}

/*.met-index-imglist {padding: 0;position:relative;padding-top: 50px}
.met-index-imglist .container {background:#fff;padding:40px 50px;width:888px;margin:0 auto;position:absolute;bottom:-70px;left:50%;margin-left:-444px}
.met-index-imglist .invisible {display: none}*/

.ecofootbg .ecoinfo {padding-left:50px}

.met-banner-econy .txt {position: absolute;width:100%;text-align: center;height:50px;top:50%;margin-top:-25px}
.met-banner-econy .txt h2 {margin: 0;color:#fff;line-height:50px}
.met-banner-econy .txt p {color: #ccc}
.met-banner-econy .txt a:hover {color: #fff}

.contact .met-editor {text-align: center}
.contact .met-editor span {white-space: nowrap}
.contact .met-editor p {font-size:28px}
.contact .met-editor h2 {margin-top: 0;color: #F40139}

.search-over{display:none;position:fixed;z-index:9900;left:0;top:0;width:100%;height:100%;background:#FFF;/*opacity:0.9;*/}
.search-warmp{display:none;position:fixed; z-index:9901;left:0;top:0;width:100%;font-family:Microsoft Yahei;color:#757575;}
.search-hd{padding:1em;overflow:hidden;background:#ececec;border-bottom:1px solid #dcdcdc;}
.search-hd .bd{position:relative;float:left;width:80%;overflow:hidden;background:#FFF;border-radius:0.3em;}
.search-hd .keywords{width:88%;padding:0 10% 0 2%;height:2em;border:none;font-size:1em;line-height:2em;color:#757575;font-family:Microsoft Yahei;outline:none;box-shadow:0 0 0.2em #ababab;}
.search-hd .bd i{display:none;position:absolute;right:0.5em;top:0.5em;width:1em;height:1em;background:#ececec url(../images/search-clear.png) center center no-repeat;background-size:0.5em 0.5em;border-radius:100%;cursor:pointer;}
.search-button{float:left;width:20%;height:2em;line-height:2em;text-align:center;}

.search-warmp h1.tt {margin:0; background:#333;width:100%;height:50px;line-height:50px;text-align:center;color:#fff;font-size:18px;position:relative}
.search-warmp h1.tt a.cancel {position:absolute;width:50px;height:50px;line-height:50px;text-align:center;color:#fff;right:0;top:0;font-family:helvet;font-size:14px}
.search-warmp dl {padding:10px}
.search-warmp dl dd {border:1px solid #ddd;margin-bottom:10px;border-radius:3px}
.search-warmp dl dd .text1 {height:40px;line-height:40px;padding:0 10px;width:100%;border:0}
.search-warmp .btn1 {width:90%;border-radius:3px; display:block;margin:0 auto; height:40px;line-height:40px;background:#f40139;color:#fff;text-align:center;border:0;padding:0}

/*浮动客服*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:200px;left:-175px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#fb4848;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; padding:0 0 0 50px;}
#floatDivBoxs .floatDqq li a{color:#333;}
#floatDivBoxs .floatDqq li img{vertical-align:middle}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;font-size:24px;color:#fb4848}
#floatDivBoxs .floatDtel p{color:#333;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatwx {text-align:center;padding:10PX 0 5px 0;background:#EBEBEB;color:#0000EE;}
#floatDivBoxs .floatwx img{max-width:100px;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;background-position:-50px 0;position:fixed;top:200px;left:170px;z-index:999;right:-5px}
#rightArrow a{display:block;height:45px;}

@media (max-width:1100px){
	.search_in {display: none}
	.app_in ul {width: 100%}
	.news_in {width: 100%}
	.left_tt_in {width: 100%;height: auto;float: none;background: none}
	.left_tt_in h3 {display: none}
	.left_tt_in p {font-size: 24px;margin-bottom: 0;}
	.left_tt_in .menu li a {float:left;display: inline;width:auto;border-bottom: none;padding-right:20px}
	.left_tt_in .menu li a:before {display: none}
	.left_tt_in .more_in {margin-top: -25px;float: right}
	.news_in .bd {float: none;width:100%}
	.owl-carousel div:first-child {overflow: hidden;width:100%}
	.brand .list {width: 100%}
}
@media(max-width:958px){
.inner_typelist li {width:20%}
	.app_in li {width: 33.3333%}
.met-index-imglist .invisible {display:inline}
.met-index-imglist .owl-theme .owl-nav {display: none}
	.met-index-imglist {padding-top: 150px}
	.met-index-imglist .container {width: 100%;left:0;margin-left:0;padding:40px 20px}
	.met-index-download .img-holder {display: none}
	.container {width: 100%}
}
@media (max-width:767px){
.detailist ul li {width:33.333333%}
.inner_typelist li {width:25%}
.ecofootbg .ecoinfo {padding-left:20px}
	.met-banner-econy .txt h2 {display: none}
	.met-banner-econy .txt p {margin-top: 20px}
	.owl-theme .owl-nav {display: none}
	.news_in .bd .item .mod {padding: 35px}
	.brand .list .item {width: 50%}
}
@media (max-width:558px){
/*.topbar {display: none}*/
	.app_in li {width: 50%}
.detailist ul li {width:50%}
.inner_typelist li {width:33%}
	.met-index-imglist {padding-top: 250px}
	.brand .list .item {width: 100%}
}
@media (max-width:398px){
.inner_typelist li {width:50%}
	.app_in li {width: 100%}
.search_in dd input, .search_in dd input.text1, .search_in dd select, .search_in dd select.s1 {width:85%}
	.met-index-imglist {padding-top: 280px}
	.left_tt_in .more_in {display:none}
}